<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">

  <link rel="stylesheet" href="backgroundAnimation.css">
  <title>学生登录</title>

  <style>
    .error-message {
      color: red;
      margin-bottom: 15px;
    }
  </style>
</head>
<body>
<!-- 背景方块 -->
<ul class="bg-squares">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

<!-- 登录表单 -->
<div class="container">
  <h2>学生登录</h2>

  <!-- 显示错误信息 -->
  <c:if test="${not empty error}">
    <div class="error-message">${error}</div>
  </c:if>

  <!-- 登录表单 -->
  <form action="login" method="post">
    <div class="from">
      <input type="text" name="account" placeholder="您的账号">
      <input type="password" name="password" placeholder="您的密码">
      <table>
        <tr>
          <td><button class="btn-login">注册</button></td>
          <td><button class="btn-login">登录</button></td>
        </tr>
      </table>
    </div>
  </form>
</div>
</body>
</html>